<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>商品详情</title>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/listCommon.css"/>
		<link rel="stylesheet" type="text/css" href="css/content.css"/>
		<link rel="stylesheet" type="text/css" href="hdjs/hdjs.css"/>
		<script src="js/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/content.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/listCommon.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<!--顶部菜单开始-->
		<div id="nav-top-bg">
			<div class="nav">
				<div class="left">
					<a href=""><span></span>收藏京东</a>
				</div>
				<div class="right">
					<a href="">你好，请登录  </a>
					<a href="">免费注册</a><span>|</span>
					<a href="">我的订单</a><span>|</span>
					<a href="" class="hui-yuan">会员俱乐部<span></span></a><span>|</span>
					<a href="" class="shou-ji"><span></span>手机京东<b></b></a><span>|</span>
					<a href="" class="ke-hu">客户服务<b></b></a><span>|</span>
					<a href="" class="ke-hu">网站导航<b></b></a>
				</div>
			</div>
		</div>
		<!--顶部菜单结束-->

		<!--LOGO搜索区开始-->
		<div id="logo">
			<div class="biao-zi">
				<a href="" class="logo"></a>
			</div>
			<div class="shou-suo">
				<form action="" method="post">
					<input type="text" name="" id="" value="" class="shu-ru" />
					<input type="submit" value="搜&nbsp索" class="ti-jiao" />
				</form>
				<div class="tui-jian">
					<span>热门搜索：</span>
					<a href="">笔记本低至8.5折</a>
					<a href="">机械键盘</a>
					<a href="">无智则无能</a>
					<a href="">打印机</a>
					<a href="">MOD世界大赛</a>
				</div>
			</div>
			<div class="gou-wu-che">
				<!--我的京东-->
				<div class="my-jing-dong">
					<!--当经过的时候在加.hover-->
					<a href="" class="wo-de "><span></span>我的京东<b></b></a>
					<div class="hide-box">
						<div class="vip-name">
							<p> jd_159809cs</p>
							<a href="">去我的京东首页></a>
						</div>
						<div class="ding-dan">
							<span>最新订单状态：</span>
							<a href="">查看所有订单 ></a>
						</div>
						<div class="dai-chu-li">
							<ul>
								<li>
									<a href="">待处理<span>(0)</span></a>
									<a href="">待处理<span>(0)</span></a>
								</li>
							</ul>
							<ul class="no-border">
								<li><a href="">我的关注></a>
								</li>
								<li><a href="">我的京豆></a>
								</li>
							</ul>
						</div>
						<div class="zui-jing-liu-lan">
							<ul>
								<li class="title"><span>最近浏览的商品：</span><a href="">查看浏览历史 ></a>
								</li>
								<li>
									<a href="">
										<img src="img/listimage/55713bfeN5c985022.jpg" alt="" />
									</a>
								</li>
								<li>
									<a href="">
										<img src="img/listimage/55713bfeN5c985022.jpg" alt="" />
									</a>
								</li>
								<li>
									<a href="">
										<img src="img/listimage/55713bfeN5c985022.jpg" alt="" />
									</a>
								</li>
								<li>
									<a href="">
										<img src="img/listimage/55713bfeN5c985022.jpg" alt="" />
									</a>
								</li>
								<li>
									<a href="">
										<img src="img/listimage/55713bfeN5c985022.jpg" alt="" />
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<!--我的京东结束-->

				<!--购物车-->
				<div class="jie-shuan">
					<!--这里经过时加hover-->
					<a href="" class="gou-wu "><span></span><em>1</em>去购物车结算<b></b></a>
					<div class="hide-box">

						<h4>最新加入的产品</h4>
						<div class="shang-ping">
							<a href="">
								<img src="img/listimage/55713bfeN5c985022.jpg" />
							</a>
							<div class="wen-zi">
								<a href="">海信（Hisense）LED50EC290N 50英寸 智能电视 六核超高配 WIFI(泰坦灰)</a>
							</div>
							<div class="right">
								<strong>￥2899.00×1</strong>
								<a href="">删除</a>
							</div>
						</div>

						<div class="jia-ge">
							<p>共<em>2</em>件商品 共计：<strong>￥2899.00</strong>
							</p>
							<a href="">去购物车结算</a>
						</div>

					</div>
				</div>
				<!--购物车结束-->

			</div>
		</div>
		<!--LOGO搜索区结束-->

		<!--导航条开始-->
		<div id="nav">
			<div class="nav-left">
				<a href="">全部商品分类</a>
				<b></b>
				<div class="hide-box">
					<!--隐藏菜单-->
					<div class="hide-nav">

						<!--这里经过里加上hover-->
						<div class="bg ">
							<a href="">图书</a>、
							<a href="">音像</a>、
							<a href="">数字商品</a>
							<em>></em>
						</div>

						<div class="er-ji-nav">
							<dl>
								<dt>电子书</dt>
								<dd>
									<a href="">免费</a>
									<a href="">免费</a>
									<a href="">免费</a>
									<a href="">免费</a>
									<a href="">免费</a>
									<a href="">免费</a>
									<a href="">免费</a>
								</dd>
							</dl>
						</div>

					</div>
					<!--隐藏菜单结束-->

				</div>
			</div>
			<div class="nav-right">
				<a href="">首页</a>
				<a href="">服装城</a>
				<a href="">食品</a>
				<a href="">团购</a>
				<a href="">夺宝岛</a>
				<a href="">闪购</a>
				<a href="">金融</a>
			</div>
		</div>
		<!--导航条结束-->
		
		<!--面包导航-->
		<div class="mian-bao-nav">
			<a href="" class="ding-ji">电脑、办公 <span>></span></a>
			<a href="">电脑、办公 <span>></span></a>
			<a href="">电脑、办公 <span>></span></a>
		</div>
		<!--面包导航结束-->
		
		<!--宝贝选购信息开始-->
		<div class="product-intro">
			<!--放大镜-->
			<div class="left">
				
				<div class="box-400">
					<img src="img/listimage/1.1.1.1.jpg" style="display: block;"/>
					<img src="img/listimage/1.1.1.2.jpg"/>
					<img src="img/listimage/1.1.1.3.jpg"/>
					<img src="img/listimage/1.1.1.4.jpg"/>
					<img src="img/listimage/1.1.1.5.jpg"/>
				</div>
				
				<div class="pic-box">
					<div class="he-zi"></div>
					<a href="" style="display: block;"><img src="img/listimage/1.1.jpg"/></a>
					<a href=""><img src="img/listimage/1.2.jpg"/></a>
					<a href=""><img src="img/listimage/1.3.jpg"/></a>
					<a href=""><img src="img/listimage/1.4.jpg"/></a>
					<a href=""><img src="img/listimage/1.5.jpg"/></a>
				</div>
				
				<div class="list-box">
					<ul>
						<li><img src="img/listimage/1.1.1.jpg"/></li>
						<li><img src="img/listimage/1.1.2.jpg"/></li>
						<li><img src="img/listimage/1.1.3.jpg"/></li>
						<li><img src="img/listimage/1.1.4.jpg"/></li>
						<li><img src="img/listimage/1.1.5.jpg"/></li>
					</ul>
				</div>
				
				<div class="bian-hao">
					<span>商品编号：1319192</span>
				</div>
			</div>
			<!--放大镜-->
			
			
			<div class="center">
				<h1> 联想（Lenovo）G40-70MA 14.0英寸笔记本电脑（i5-4258U 4G 500G 2G独显 GT820M显卡 DVD刻录 Win8）金属黑</h1>
				<!--这里hover的时候要把隐藏的部分显示出来height: 124px;-->
				<div class="jia-ge">
					<dl>
						<dt>京 东 价：</dt>
						<dd> <strong>￥3298.00 </strong><a href="">(降价通知) </a></dd>
						<dd class="ping-jia"><span>累计评价</span><a href="">6656</a></dd>
					</dl>
					<div class="dl">
						<div class="dt">
							促销信息：
						</div>
						<div class="dd">
							<ul>
								<li><em>手机专享价</em><strong>￥3288.00</strong></li>
								<li><em>限购</em><span>购买1件时享受优惠</span></li>
								<li><em>加价</em><span>购满999.0元另加79.0元即可购买热销商品  详情 >></span></li>
							</ul>
						</div>
					</div>
				</div>
				
				<!--商品选择-->
				<div class="xiang-xi">
					<div class="title">
						选择颜色：
					</div>
					<div class="right">
						<ul class="color">
							<li> 	
								<a href="javascript:;" class="checked"><img src="img/listimage/2jpg.jpg"/><span>【14.0英寸】i5性能首选</span><b></b></a>
								<a href="javascript:;" ><img src="img/listimage/560.jpg"/><span>【14.0英寸】i5性能首选</span><b></b></a>
								<a href="javascript:;" ><img src="img/listimage/560.jpg"/><span>【14.0英寸】i5性能首选</span><b></b></a>
								<a href="javascript:;" ><img src="img/listimage/560.jpg"/><span>【14.0英寸】i5性能首选【14.0英寸】i5性能首选</span><b></b></a>
							</li>
						</ul>
					</div>
				</div>
				<!--商品选择结束-->
				
				<!--商品选择-->
				<div class="xiang-xi">
					<!--<div class="title">
						选择颜色：
					</div>-->
					<div class="right">
						<ul>
							<li> 	
								<a href="" class="car-btn"></a>
							</li>
						</ul>
					</div>
				</div>
				<!--商品选择结束-->
				
			</div>
			
			<div class="right">
			
			</div>
		</div>
		<!--宝贝选购信息结束-->
		
		<!--商品详情-->
		<div class="bao-miao-shu">
			
			<div class="left">
				<ul>
					<li class="title"><h2>相关分类</h2></li>
					<li>
						<a href="">笔记本</a>
						<a href="">笔记本</a>
						<a href="">笔记本</a>
						<a href="">笔记本</a>
						<a href="">笔记本</a>
						<a href="">笔记本</a>
						<a href="">笔记本</a>
						<a href="">笔记本</a>
						<a href="">笔记本</a>
					</li>
				</ul>
				<ul>
					<li class="title"><h2>相关分类</h2></li>
					<li>
						<a href="">笔记本</a>
						<a href="">笔记本</a>
						<a href="">笔记本</a>
						<a href="">笔记本</a>
						<a href="">笔记本</a>
						<a href="">笔记本</a>
						<a href="">笔记本</a>
						<a href="">笔记本</a>
						<a href="">笔记本</a>
					</li>
				</ul>
			</div>
			
			<div class="right">
				<div class="xiang-qing">
					<div class="top">
						<ul>
							<li class="li checked">商品介绍</li>
							<li class="li">规格参数</li>
							<li class="li">包装清单</li>
							<li class="li">产品评价</li>
							<li class="btn"><a href=""></a></li>
						</ul>
					</div>
					
					<!--tab-->
					<div class="bottom">
						
						<div class="tab">
							<div class="gui-ge">
								<ul>
									<li>商品名称：联想G40-70MA</li>
									<li>商品名称：联想G40-70MA</li>
									<li>商品名称：联想G40-70MA</li>
									<li>商品名称：联想G40-70MA</li>
									<li>商品名称：联想G40-70MA</li>
									<li>商品名称：联想G40-70MA</li>
									<li>商品名称：联想G40-70MA</li>
									<li>商品名称：联想G40-70MA</li>
									<li>商品名称：联想G40-70MA</li>
									<li>商品名称：联想G40-70MA</li>
									<li>商品名称：联想G40-70MA</li>
									<li>商品名称：联想G40-70MA</li>
								</ul>
							</div>
						</div>
						
						<!--图文介绍-->
						<div class="pic">
							<p><span></span>如果您发现商品信息不准确，<a href="">欢迎纠错</a></p>
							<img src="img/listimage/557f86a9N395b0a54.jpg"/>
							<img src="img/listimage/550a6338N711a420b.jpg"/>
							<img src="img/listimage/jiesao.png"/>
						</div>
						<!--图文介绍-->
						<div class="ping-lun">
							<table class="hd-table hd-table-form hd-form">
								<thead>
									<tr>
										<td>评价心得</td>
										<td>顾客满意度  </td>
										<td>购买信息</td>
										<td>评论者</td>
									</tr>
								</thead>
								<tbody>
									<tr class="gao">
										<td> 送货上门，服务还好，有些商品还行。 　2015-06-17 16:14 </td>
										<td><span></span></td>
										<td>Data</td>
										<td>Data</td>
									</tr>
								</tbody>
							</table>
						</div>
						
					</div>
					
					<!--2-->
					<div class="bottom position">
						2						
					</div>
					<!--3-->
					<div class="bottom position">
						3
					</div>
					<!--4-->
					<div class="bottom position">
						<div class="">
							<img src="img/listimage/2.png"/>
						</div>
						<div class="top">
							<ul>
								<li class="checked">全部评价(10)</li>
								<li>好评(10)</li>
								<li>中评(10)</li>
								<li>差评(10)</li>
								<li>有图的评价(10)</li>
							</ul>
						</div>
						
						<div class="ping-lun">
							<table class="hd-table hd-table-form hd-form">
								<thead>
									<tr>
										<td>评价心得</td>
										<td>顾客满意度  </td>
										<td>购买信息</td>
										<td>评论者</td>
									</tr>
								</thead>
								<tbody>
									<tr class="gao">
										<td> 送货上门，服务还好，有些商品还行。 　2015-06-17 16:14 </td>
										<td><span></span></td>
										<td>Data</td>
										<td>Data</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
					<!--tab-->
					
					
					
					
					
				</div>
			</div>
			
		</div>
		<!--商品详情结束-->
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		<!--底部配送开始-->
		<div id="pei-song-bg">
			<div class="pei-song">
				<a href="" class="no-margin">
					<img src="img/47.png" alt="" />
				</a>
				<a href="">
					<img src="img/48.png" alt="" />
				</a>
				<a href="">
					<img src="img/49.png" alt="" />
				</a>
				<a href="">
					<img src="img/50.png" alt="" />
				</a>
			</div>
		</div>
		<!--底部配送结束-->

		<!--售后服务开始-->
		<div id="sou-hou">
			<ul>
				<li class="title">
					<p>购物指南</p>
				</li>
				<li><a href="">购物流程</a>
				</li>
				<li><a href="">会员介绍</a>
				</li>
				<li><a href="">团购/机票</a>
				</li>
				<li><a href="">常见问题</a>
				</li>
				<li><a href="">大家电</a>
				</li>
				<li><a href="">联系客服</a>
				</li>
			</ul>
			<ul>
				<li class="title">
					<p>配送方式</p>
				</li>
				<li><a href="">上门自提</a>
				</li>
				<li><a href="">211限时达</a>
				</li>
				<li><a href="">配送服务查询</a>
				</li>
				<li><a href="">配送费收取标准</a>
				</li>
				<li><a href="">海外配送</a>
				</li>
			</ul>
			<ul>
				<li class="title">
					<p>支付方式</p>
				</li>
				<li><a href="">货到付款</a>
				</li>
				<li><a href="">在线支付</a>
				</li>
				<li><a href="">分期付款</a>
				</li>
				<li><a href="">邮局汇款</a>
				</li>
				<li><a href="">公司转账</a>
				</li>
			</ul>
			<ul>
				<li class="title">
					<p>售后服务</p>
				</li>
				<li><a href="">售后政策</a>
				</li>
				<li><a href="">价格保护</a>
				</li>
				<li><a href="">退款说明</a>
				</li>
				<li><a href="">返修/退换货</a>
				</li>
				<li><a href="">取消订单</a>
				</li>
			</ul>
			<ul>
				<li class="title">
					<p>特色服务</p>
				</li>
				<li><a href="">夺宝岛</a>
				</li>
				<li><a href="">DIY装机</a>
				</li>
				<li><a href="">延保服务</a>
				</li>
				<li><a href="">京东E卡</a>
				</li>
				<li><a href="">节能补贴</a>
				</li>
				<li><a href="">京东通信</a>
				</li>
			</ul>
			<ul class="di-tu">
				<li class="title">
					<p>京东自营覆盖区县 </p>
				</li>
				<li>京东已向全国1964个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</li>
				<li><a href="">查看详情 ></a>
				</li>
			</ul>
		</div>
		<!--售后服务结束-->

		<!--底部版权信息开始-->
		<div id="ban-quan">
			<div class="you-qing">
				<a href="">关于我们</a>|
				<a href="">联系我们</a>|
				<a href="">商家入驻</a>|
				<a href="">营销中心</a>|
				<a href="">手机京东</a>|
				<a href="">友情链接</a>|
				<a href="">销售联盟</a>|
				<a href="">京东社区</a>|
				<a href="">京东公益</a>|
				<a href="">English Site</a>|
				<a href="">Contact Us</a>
			</div>

			<div class="jing-ying">
				<span>北京市公安局朝阳分局备案编号110105014669</span>|
				<span>京ICP证070359号</span>|
				<a href="">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a>|
				<span>新出发京零 字第大120007号</span>
			</div>
			<div class="jing-ying">
				<a href="">音像制品经营许可证苏宿批005号</a>|
				<span>出版物经营许可证编号新出发(苏)批字第N-012号</span>|
				<a href="">互联网出版许可证编号新出网证(京)字150号</a>
			</div>
			<div class="jing-ying">
				<a href="">网络文化经营许可证京网文[2014]2148-348号</a>|
				<span> 违法和不良信息举报电话：4006561155  Copyright © 2004-2015  京东JD.com 版权所有</span>
			</div>
			<div class="jing-ying">
				<span>京东旗下网站：</span>
				<a href="">360TOP</a>
				<a href="">拍拍网</a>
				<a href="">网银在线</a>
			</div>
			<div class="jing-ying ren-zheng">
				<a href="">
					<img src="img/42.png" alt="" />
				</a>
				<a href="">
					<img src="img/43.png" alt="" />
				</a>
				<a href="">
					<img src="img/44.png" alt="" />
				</a>
				<a href="">
					<img src="img/45.png" alt="" />
				</a>
				<a href="">
					<img src="img/46.png" alt="" />
				</a>
			</div>
		</div>
		<!--底部版权信息结束-->
	</body>

</html>